<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>pcs</title>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.zi-han.net/case/easyui/jquery-easyui-1.3.1/themes/icon.css">
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	

	<script >
		function addTab(title, url){
			if ($('#tt').tabs('exists', title)){
				$('#tt').tabs('select', title);
			} else {
				var content = '<iframe scrolling="no" frameborder="0"  src="'+url+'" style="width:100%;height:450px;"></iframe>';
				$('#tt').tabs('add',{
					title:title,
					content:content,
					fit:true,
					closable:true
				});
			}
		}

	</script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">
		<h2>私人助理系统   Personal assistant system</h2>
	</div>
	<div data-options="region:'west',split:true,title:'Navigation'" style="width:180px;padding:2px;">
		<ul id="tree" class="easyui-tree" data-options="animate:true,lines:true">
			
					<li>
						<span>联系人管理</span>
						<ul>
							<li><a  href="#" onclick="javascript:addTab('联系人管理','/page/contact.html')">联系人管理</a></li>
							<li><a href="#" onclick="javascript:addTab('联系人回收站','/page/_contact.html')">联系人回收站</a></li>
							<li><span>联系人分组</span></li>
						</ul>
					</li>
					
					<li>
						<span>通知中心</span>
						<ul>
							<li><a  href="#" onclick="javascript:addTab('日常提醒','/page/remind.html')">日常提醒</a></li>
							<li><a href="#" onclick="javascript:addTab('生日通知','/page/_remind.html')">生日通知</a></li>
						</ul>
					</li>
					<li>
						<span>心情日志</span>
						<ul>
							<li><a  href="#" onclick="javascript:addTab('撰写日志','/page/writeblog.html')">撰写日志</a></li>
							<li><a href="#" onclick="javascript:addTab('日志列表','/page/blog.html')">日志列表</a></li>
							<li><a href="#" onclick="javascript:addTab('日志回收站','/page/_blog.html')">日志回收站</a></li>
						</ul>
					</li>
					
					<li><span>后台管理</span>
						<ul>
							<li><span><a href="#" onclick="javascript:addTab('用户管理','/page/user.html')">用户管理</a></span></li>
						</ul>
					</li>
					
				
		</ul>
	</div>
	<!-- <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
	 -->
	<div data-options="region:'center',title:''" >
		<div id="tt" class="easyui-tabs" style="height:520px" >
			<div title="Home" style='line-height:30px; text-indent: 50px;'>
				<h2>系统说明：</h2>
				<p>私人助理系统是个人使用的,管理生活的重要信息的一个信息系统</p>
				<ul>
				  <li>私人助理系统主要包含下面几个功能</li>
				  <li>联系人管理</li>
				  <li>通知中心</li>
				  <li>日志管理</li>
				  <li>后台管理</li>
				</ul>
			</div>
		</div>
    </div>
</body>
</html>